<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>项目管理系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/okadmin.css">
	</head>

	<body class="layui-layout-body">
		<!-- 更换主体 Eg:orange_theme|blue_theme -->
		<div class="layui-layout layui-layout-admin okadmin blue_theme">
			<!--头部导航-->
			<div class="layui-header okadmin-header">
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item">
						<a class="ok-menu ok-show-menu" href="javascript:" title="菜单切换">
							<i class="layui-icon layui-icon-shrink-right"></i>
						</a>
					</li>
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a class="ok-refresh" href="javascript:" title="刷新">
							<i class="layui-icon layui-icon-refresh-3"></i>
						</a>
					</li>
					<li class="no-line layui-nav-item layui-hide-xs">
						<a id="notice" class="flex-vc pr10 pl10" href="javascript:">
							<i class="ok-icon ok-icon-notice icon-head-i" title="系统公告"></i>
							<span class="layui-badge-dot"></span>
							<cite></cite>
						</a>
					</li>

					<li class="layui-nav-item layui-hide-xs">
						<a id="fullScreen" class=" pr10 pl10" href="javascript:">
							<i class="layui-icon layui-icon-screen-full"></i>
						</a>
					</li>

					<li class="no-line layui-nav-item">
						<a href="javascript:">
							<span class="userName"></span>
						</a>
						<dl id="userInfo" class="layui-nav-child">
							<dd>
								<a lay-id="u-1" href="javascript:" data-url="pages/member/user.html">个人中心<span class="layui-badge-dot"></span></a>
							</dd>
							<dd>
								<a lay-id="u-2" href="javascript:" data-url="pages/member/user-info.html">基本资料</a>
							</dd>
							<dd>
								<a lay-id="u-3" href="javascript:" data-url="pages/member/user-pwd.html">安全设置</a>
							</dd>
							<hr/>
							</dd>
							<dd>
								<a href="javascript:void(0)" id="logout">退出登录</a>
							</dd>
						</dl>
					</li>
				</ul>
			</div>
			<!--遮罩层-->
			<div class="ok-make"></div>
			<!--左侧导航区域-->
			<div class="layui-side layui-side-menu okadmin-bg-20222A ok-left">
				<div class="layui-side-scroll okadmin-side">
					<div class="okadmin-logo">项目管理系统</div>
					<div class="user-photo">
						<a class="img" title="我的头像">
							<img src="images/avatar.png" class="userAvatar">
						</a>
						<p>你好！<span class="userName">bobi</span>, 欢迎登录</p>
					</div>
					<!--左侧导航菜单-->
					<ul id="navBar" class="layui-nav okadmin-nav okadmin-bg-20222A layui-nav-tree">
						<li class="layui-nav-item layui-nav-itemed">
							<a>
								<i class="ok-icon" is-close=false>&#xe654;</i><cite>我的地盘</cite></a>
							<dl class="layui-nav-child" style="display: block; height: auto;">
								<dd>
									<a lay-id="1-2" data-url="pages/myspace/myTask.html"><cite>我的任务</cite></a>
								</dd>
								<dd>
									<a lay-id="1-3" data-url="pages/myspace/myBug.html"><cite>我的Bug</cite></a>
								</dd>
								<dd>
									<a lay-id="1-4" data-url="pages/myspace/myDemand.html"><cite>我的需求</cite></a>
								</dd>
								<dd>
									<a lay-id="1-5" data-url="pages/myspace/myProject.html"><cite>我的项目</cite></a>
								</dd>
								<dd>
									<a lay-id="1-6" data-url="pages/myspace/myMessage.html"><cite>我的动态</cite></a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a>
								<i class="ok-icon">&#xe654;</i><cite>产品</cite></a>
							<dl class="layui-nav-child">
								<dd>
									<a lay-id="2-1" data-url="pages/product/product_demand.html"><cite>需求</cite></a>
								</dd>
								<dd>
									<a lay-id="2-2" data-url="pages/product/product_message.html"><cite>动态</cite></a>
								</dd>
								<dd>
									<a lay-id="2-3" data-url="pages/product/product_file.html"><cite>文档</cite></a>
								</dd>
								<dd>
									<a lay-id="2-4" data-url="pages/product/product_project.html"><cite>项目</cite></a>
								</dd>
								<dd>
									<a lay-id="2-5" data-url="pages/product/product_view.html"><cite>概况</cite></a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a>
								<i class="ok-icon">&#xe654;</i><cite>项目</cite></a>
							<dl class="layui-nav-child">
								<dd>
									<a lay-id="3-1" data-url="pages/myspace/myTask.html"><cite>任务</cite></a>
								</dd>
								<dd>
									<a lay-id="3-2" data-url="pages/myspace/myBug.html"><cite>需求</cite></a>
								</dd>
								<dd>
									<a lay-id="3-3" data-url="pages/myspace/myProject.html"><cite>Bug</cite></a>
								</dd>
								<dd>
									<a lay-id="3-4" data-url="pages/myspace/myMessage.html"><cite>动态</cite></a>
								</dd>
								<dd>
									<a lay-id="3-5" data-url="pages/myspace/myMessage.html"><cite>文档</cite></a>
								</dd>
								<dd>
									<a lay-id="3-6" data-url="pages/myspace/myMessage.html"><cite>产品</cite></a>
								</dd>
								<dd>
									<a lay-id="3-7" data-url="pages/myspace/myMessage.html"><cite>概况</cite></a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:" lay-id="4" data-url="pages/console.html">
								<i is-close=false class="ok-icon">&#xe654;</i> 测试
							</a>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:" lay-id="5" data-url="pages/console.html">
								<i is-close=false class="ok-icon">&#xe654;</i> 文档
							</a>
						</li>
						<li class="layui-nav-item">
							<a>
								<i class="ok-icon">&#xe654;</i><cite>组织</cite></a>
							<dl class="layui-nav-child">
								<dd>
									<a lay-id="6-1" data-url="pages/myspace/myTask.html"><cite>用户</cite></a>
								</dd>
								<dd>
									<a lay-id="6-2" data-url="pages/myspace/myBug.html"><cite>部门</cite></a>
								</dd>
								<dd>
									<a lay-id="6-3" data-url="pages/myspace/myProject.html"><cite>权限</cite></a>
								</dd>
								<dd>
									<a lay-id="6-4" data-url="pages/myspace/myMessage.html"><cite>公司</cite></a>
								</dd>
								<dd>
									<a lay-id="6-5" data-url="pages/myspace/myMessage.html"><cite>动态</cite></a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>

			<!-- 内容主体区域 -->
			<div class="content-body">
				<div class="layui-tab ok-tab" lay-filter="ok-tab" lay-allowClose="true" lay-unauto>
					<div data-id="left" id="okLeftMove" class="ok-icon ok-icon-back okadmin-tabs-control move-left okNavMove"></div>
					<div data-id="right" id="okRightMove" class="ok-icon ok-icon-right okadmin-tabs-control move-right okNavMove"></div>
					<div class="layui-icon okadmin-tabs-control ok-right-nav-menu" style="right: 0;">
						<ul class="okadmin-tab">
							<li class="no-line okadmin-tab-item">
								<div class="okadmin-link layui-icon-down" href="javascript:;"></div>
								<dl id="tabAction" class="okadmin-tab-child layui-anim-upbit layui-anim">
									<dd>
										<a data-num="1" href="javascript:">关闭当前标签页</a>
									</dd>
									<dd>
										<a data-num="2" href="javascript:">关闭其他标签页</a>
									</dd>
									<dd>
										<a data-num="3" href="javascript:">关闭所有标签页</a>
									</dd>
								</dl>
							</li>
						</ul>
					</div>

					<ul id="tabTitle" class="layui-tab-title ok-tab-title not-scroll">
						<li class="" lay-id="1" tab="index">
							<i class="ok-icon">&#xe654;</i>
							<cite is-close=false>我的地盘</cite>
						</li>
					</ul>

					<div id="tabContent" class="layui-tab-content ok-tab-content">
						<div class="layui-tab-item layui-show">
							<iframe id="myFrame" src="pages/console.html" frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="yy"></div>
		<!--js逻辑-->
		<script src="lib/layui/layui.js"></script>
		<script src="js/okadmin.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/service.js"></script>
		<script type="text/javascript">
			function getQueryString(name) {
				var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
				var r = window.location.search.substr(1).match(reg);
				if(r != null) {
					return unescape(r[2]);
				}    
				return null;
			};
			var userid = null;
			$(document).ready(function() {
				userid = getQueryString("id");
				getdata('/user/get', {
					id: userid
				}, 'GET', function(res) {
					var data = res.data;
					$(".userName").html(data.name);
					$(".userName").attr("id", data.id);
					$("#tabContent iframe").attr("src", "pages/console.html?id=" + data.id);
					setData(data.id, data.name);
				})

			});

			function setData(userId, userName) {
				var sessionStorage = window.sessionStorage;
				sessionStorage.setItem("userId", userId);
				sessionStorage.setItem("userName", userName);
			}
		</script>
	</body>

</html>